<template>
    <div>
        <div class="left">
            <ul>
               
                <li v-for="i in content" :key="i.id">
                    <router-link :to="'/qtly/qt/' +i.id">{{i.title}}</router-link>
                </li>
            </ul>
        </div>
        <div class="right">
            <router-view></router-view>
        </div>
    </div>

</template>

<script>
export default({
    data(){
        return{
             content:[
                {id:1,title:"仪表盘"},
                {id:2,title:"教师管理"},
                {id:3,title:"学生管理"},
                {id:4,title:"公告管理"},
                {id:5,title:"系统配置"},
                {id:6,title:"判题服务器"},
                {id:7,title:"问题列表"},
                {id:8,title:"增加题目"},
                {id:9,title:"导入导出题目"},
                {id:10,title:"比赛列表"},
                {id:11,title:"创建列表"},
                {id:12,title:"课程列表"},
                {id:13,title:"创建课程"},
            ]
        }
    },
    methods:{
        gosubpage(id){
            console.log(id)
            this.$router.push()
        }
    }
})
</script>

<style scoped>
.left{
    width:200px;
    float:left;
}
.right{
    float:left;
}
</style>

